<!doctype html>
<head>
<meta charset="utf-8">
<title>Gappro - Admin Theme Template for Backend Applications.</title>
<link href='http://fonts.googleapis.com/css?family=Sintony' rel='stylesheet' type='text/css'>
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
<link href="css/bootstrap-responsive.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet" media="screen">
<link href="css/style-responsive.css" rel="stylesheet" media="screen">
<link href="css/font_awesome/font-awesome.min.css" rel="stylesheet" media="screen">
<link href="css/bootstrap_switch/bootstrapSwitch.css" rel="stylesheet" media="screen">
<meta name="description" content="admin theme template for any backend applications.">
<meta name="author" content="boostbob.github.com">
<meta name="viewport" content="width=device-width,initial-scale=1.0"></head>

<body>
<div class="container-fluid">

  <div class="row-fluid">
    <br>
    <br>
    <br>
    <div class="span6 offset3">
      <div class="widget">
        <div class="widget-header widget-tabbed">
          <i class="icon-legal"></i>
          <h3>Gappro Admin</h3>
          <ul class="nav nav-tabs widget-right-header-tabs">
            <li class="active">
              <a data-toggle="tab" href="#login">Login</a>
            </li>
            <li>
              <a data-toggle="tab" href="#register">Sign up</a>
            </li>
            <li>
              <a data-toggle="tab" href="#social">Social app</a>
            </li>
          </ul>
        </div>
        <!-- /widget-header -->

        <div class="widget-content blackbg3">
          <div class="xxxlarge-text centered orange-text">
            Welcome, Administrator
          </div>
          <hr>

          <div class="tab-content">
            <div id="login" class="tab-pane active">
              <form class="form-inline centered" action="index.html">
                <div class="well">
                  <input type="email" class="input-medium" placeholder="Email" required>
                  <input type="password" class="input-medium" placeholder="Password" required>
                  <button type="submit" class="btn">Sign in</button>
                </div>
                
                <p class="lefted small-text">
                  Lorem ipsum Aute voluptate Excepteur laboris aliquip id sit aliqua id minim esse ullamco fugiat eiusmod commodo dolor Ut in tempor laborum.
                  Lorem ipsum Aute voluptate Excepteur laboris aliquip id sit aliqua id minim esse ullamco fugiat eiusmod commodo dolor Ut in tempor laborum.
                </p>
              </form>
            </div>
            
            <div id="register" class="tab-pane">
              <form class="form-horizontal" action="index.html">
                <div class="control-group">
                  <label class="control-label" for="inputFirstName">First Name</label>
                  <div class="controls">
                    <input type="text" id="inputFirstName" placeholder="Lisa" required>
                  </div>
                </div>

                <div class="control-group">
                  <label class="control-label" for="inputLastName">Last Name</label>
                  <div class="controls">
                    <input type="text" id="inputLastName" placeholder="Joe" required>
                  </div>
                </div>
                  
                <div class="control-group">
                  <label class="control-label" for="inputEmail">Email</label>
                  <div class="controls">
                    <input type="email" id="inputEmail" placeholder="username@gmail.com" required>
                  </div>
                </div>
                <div class="control-group">
                  <label class="control-label" for="inputPassword">Password</label>
                  <div class="controls">
                    <input type="password" id="inputPassword" placeholder="********" required></div>
                </div>
                <div class="control-group">
                  <label class="control-label" for="inputPassword2">Confirm Password</label>
                  <div class="controls">
                    <input type="password" id="inputPassword2" placeholder="********" required></div>
                </div>
                <div class="control-group">
                  <div class="controls">
                    <label>Remember me?</label>
                    <div class="switch switch-small"><input type="checkbox" checked="checked"></div>

                    <div>
                      <button type="submit" class="btn"> <i class="icon-user"></i> Create my Account </button>
                    </div>
                  </div>
                </div>

                <p class="lefted small-text">
                  Lorem ipsum Aute voluptate Excepteur laboris aliquip id sit aliqua id minim esse ullamco fugiat eiusmod commodo dolor Ut in tempor laborum.
                  Lorem ipsum Aute voluptate Excepteur laboris aliquip id sit aliqua id minim esse ullamco fugiat eiusmod commodo dolor Ut in tempor laborum.
                </p>
              </form>
            </div>

            <div id="social" class="tab-pane">
              <div class="centered well">
                <a href="index.html" class="btn btn-medium btn-circle"> <i class="icon-twitter"></i>
                  Login with Twitter
                </a>
                <a href="index.html" class="btn btn-medium btn-circle">
                  <i class="icon-facebook"></i>
                  Login with Facebook
                </a>
                <a href="index.html" class="btn btn-medium btn-circle">
                  <i class="icon-github"></i>
                  Login with Github
                </a>
              </div>
            </div>

          </div>
        </div>
        <!-- /widget-content -->
      </div>

    </div>

    <div class="span3"></div>
  </div>

</div>
<!-- /container -->

<hr>
<div class="copyright">
  <p>Copyright &copy; Your Company 2013. All rights reserved.</p>
  <a href="login.html" class="btn btn-info btn-large btn-half-circle">Goto Login1 Version</a>
</div>

<script src="js/jquery-1.7.2.min.js"></script>
<script src="js/modernizr.mq.js"></script>
<script src="js-webshim/extras/modernizr-custom.js"></script>
<script src="js-webshim/polyfiller.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/prettify/prettify.js"></script>
<script src="js/format/html-format.js"></script>
<script src="js/jquery-ui-1.10.2.min.js"></script>
<script src="js/bootstrap_switch/bootstrapSwitch.js"></script>
<script src="js/bootstrap_growl/jquery.bootstrap-growl.min.js"></script>
<script src="js/jstorage/json2.js"></script>
<script src="js/jstorage/jstorage.min.js"></script>
<script src="js/gappro/config.js"></script>
<script src="js/gappro/gappro.js"></script>
<script src="js/application.js"></script>
<script src="js/fix/ios-orientationchange-fix.js"></script>
</body>
</html>